<template>
  <div id="moneyhome">
    <TopBar/>
    <div id="asset">
      <mymoneyVue/>
    </div>
    <listTop/>
      <FourMoney/>
      <ZiXun/>
    <BottomBar/>
  </div>
</template>

<script>
import TopBar from "@/components/TopBar.vue";
import mymoneyVue from "@/components/money/MyMoney.vue";
import listTop from  "@/components/money/listTop.vue"
import FourMoney from "@/components/money/FourMoney.vue"
import ZiXun from "@/components/index/ZiXun.vue";
export default {
    "components": { TopBar, mymoneyVue, listTop, FourMoney, ZiXun },
}
</script>

<style lang="scss">
  #moneyhome{
    height: 100%;
    width: 100%;
    margin-bottom: 1rem;
    overflow: scroll;
    #asset{
      height: 2.5rem;
      width: 100%;
      background-color:#136ab7;
      margin-top:.67rem ;
    }
  }
</style>